<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的信息</title>
    <script type="text/javascript" src="/js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="/js/myinfo/myinfo.js"></script>
    <script type="text/javascript" src="/js/Dialog.js"></script>

    <link rel="stylesheet" href="/css/myinfo/myinfo.css">
    <link rel="stylesheet" href="/css/myinfo/form.css">
</head>
<body>
    <div class="info-nav">
        <dl class="liebiao">
            <dt>
                个人中心
            </dt>
            
            <dd class="right-one">
                <input class="testswitch-checkbox" id="che3" type="radio" checked name="f">
                <label for="che3">我的信息</label>
            </dd>
            
            <dd class="right-two">
                <input class="testswitch-checkbox" id="che4" type="radio" name="f">
                <label for="che4">我的头像</label>
            </dd>
            
            <dd class="right-three">
                <input class="testswitch-checkbox" id="che5" type="radio" name="f">
                <label for="che5">账号安全</label>
            </dd >
            
            <dd class="right-four">
                <input class="testswitch-checkbox" id="che6" type="radio" name="f">
                <label for="che6">我的记录</label>
            </dd>
        </dl>
    </div>
    <div class="info-right">

        <div class="recode right-four" style="display: none">
            <div class="head">
                <span>
                    我的记录
                </span>
            </div>
            <div class="head-next">
                <div class="che-box">
                    <input class="testswitch-checkbox" id="che1" type="radio" checked name="df">
                    <label class="one" for="che1">
                        积分记录
                    </label>
                </div>
                <div class="che-box">
                    <input class="testswitch-checkbox" id="che2" type="radio" name="df">
                    <label  class="two" for="che2">
                        经验记录
                    </label>
                </div>

                <div class="che-box">
                    <input class="testswitch-checkbox" id="che8" type="radio" name="df">
                    <label class="three" for="che8">
                        登录记录
                    </label>
                </div>
            </div>





            <div class="registration-record three" style="display: none;">
                <div class="head-next-next">
                    <span>
                        登录记录
                    </span>
                    <span></span>
                </div>



                <div class="tableContainer">
                    <table class="scrollTable">
                        <thead class="fixedHeader">
                        <tr>
                            <th>时间</th>
                            <th>IP</th>
                            <th>状态</th>
                        </tr>
                        </thead>
                        <tbody class="scrollContent">
                        <tr th:each="loginLog : ${loginLogs}">
                            <td th:text="${loginLog.createtime}">2021-07-01 09:29:42</td>
                            <td th:text="${loginLog.ip}">127.0.0.1</td>
                            <td th:text="${loginLog.status}">登陆</td>
                        </tr>
                        </tbody>

                    </table>
                </div>
            </div>


            <div class="points-record one">
                <div class="head-next-next">
                    <span>
                        积分记录
                    </span>
                    <span></span>
                </div>
                <div class="tableContainer">
                    <table class="scrollTable">
                        <thead class="fixedHeader">
                        <tr>
                            <th>时间</th>
                            <th>变化</th>
                            <th>原因</th>
                        </tr>
                        </thead>
                        <tbody class="scrollContent">
                        <tr th:each="pointsLog : ${pointsLogs}">
                            <td th:text="${pointsLog.createtime}">2021-07-01 09:29:42</td>
                            <td th:text="${pointsLog.variety}">5</td>
                            <td th:text="${pointsLog.reason}">绑定手机号</td>
                        </tr>
                        </tbody>

                    </table>
                </div>
            </div>


            <div class="experience-record two" style="display: none;">
                <div class="head-next-next">
                    <span>
                        经验记录
                    </span>
                    <span>
                        会员等级相关帮助>>
                    </span>
                </div>

                <div class="tableContainer">
                    <table class="scrollTable">
                        <thead class="fixedHeader">
                        <tr>
                            <th>时间</th>
                            <th>变化</th>
                            <th>原因</th>
                        </tr>
                        </thead>
                        <tbody class="scrollContent">
                        <tr th:each="experienceLog : ${experienceLogs}">
                            <td th:text="${experienceLog.createtime}">2021-07-01 09:29:42</td>
                            <td th:text="${experienceLog.increase}">5</td>
                            <td th:text="${experienceLog.reason}">观看视频奖励</td>
                        </tr>

                        </tbody>

                    </table>
                </div>

            </div>



        </div>
        


        <div class="account-security right-three" style="display: none;">
            <div class="head">
                <span>
                    账号安全
                </span>
            </div>
            <div class="info-content">
                <p>您的账号安全状况还不错的，完善剩余的安全项可进一步提高安全评分的</p>
                <div class="account-security-information">
                    <svg th:if="${not #strings.isEmpty(user.email)}" t="1626961387643" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13235" width="20" height="20"><path d="M510.567403 63.852903c-246.304387 0-446.663336 200.358949-446.663336 446.663336 0 246.304387 200.358949 446.663336 446.663336 446.663336 246.304387 0 446.765664-200.358949 446.765664-446.663336C957.230738 264.211852 756.87179 63.852903 510.567403 63.852903L510.567403 63.852903zM787.979614 386.084941 454.593784 719.573099c-7.981613 7.981613-20.977316 7.981613-28.958929 0l-43.694214-43.694214c0 0 0 0 0 0L237.145998 531.084241c-7.981613-7.981613-7.981613-20.977316 0-28.958929l43.694214-43.694214c7.981613-7.981613 20.977316-7.981613 28.958929 0L440.063156 588.592785 715.326471 313.329469c7.981613-7.981613 20.977316-7.981613 29.061257 0L787.979614 357.126012C796.063556 365.107625 796.063556 378.103328 787.979614 386.084941L787.979614 386.084941z" p-id="13236" fill="#48BD86"></path></svg>
                    <svg th:if="${#strings.isEmpty(user.email)}" t="1626961534033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14318" width="20" height="20"><path d="M512.49 66.862c61.534 0 119.269 11.735 173.202 35.21 53.9 23.532 100.907 55.264 140.926 95.31 40.018 39.996 71.806 87.159 95.282 141.443 23.475 54.229 35.238 112.097 35.238 173.665 0 61.513-11.763 119.27-35.238 173.175-23.476 53.956-55.264 100.907-95.282 140.954-40.019 40.046-87.024 71.778-140.926 95.254-53.934 23.53-111.668 35.266-173.203 35.266-61.54 0-119.408-11.735-173.693-35.266-54.229-23.476-101.397-55.208-141.415-95.254-40.045-40.047-71.806-86.997-95.282-140.954C78.596 631.76 66.862 574.002 66.862 512.49c0-61.568 11.734-119.436 35.237-173.665 23.476-54.284 55.236-101.448 95.282-141.443 40.018-40.046 87.186-71.778 141.415-95.31 54.285-23.475 112.153-35.21 173.693-35.21m53.606 384.059c0-15.863-5.136-29.229-15.38-40.152-10.271-10.922-22.985-16.414-38.226-16.414-15.212 0-28.121 5.492-38.716 16.414-10.571 10.923-15.87 24.289-15.87 40.152v332.496c0 15.87 5.299 28.639 15.87 38.254 10.595 9.565 23.504 14.345 38.716 14.345 15.24 0 28.122-4.94 38.716-14.834 10.594-9.944 15.863-22.875 15.863-38.739l-0.973-331.522z m-53.606-123.075c19.209 0 35.561-6.739 49.149-20.321 13.532-13.582 20.32-29.94 20.32-49.12s-6.788-35.595-20.32-49.121c-13.588-13.588-29.941-20.377-49.149-20.377-19.18 0-35.728 6.79-49.638 20.377-13.884 13.527-20.81 29.94-20.81 49.12s6.927 35.539 20.81 49.121c13.91 13.583 30.458 20.32 49.638 20.32" p-id="14319" fill="#ED6969"></path></svg>                    <span  class="information-one">
                        绑定邮箱
                    </span>
                    <span th:text="${#strings.isEmpty(user.email)}==true?'未绑定邮箱':'已绑定邮箱'" th:style="'color:'+${#strings.isEmpty(user.qq)==true?'#ed6969':'#858585'}" class="information-two">
                        未绑定邮箱
                    </span>
                    <span class="information-three">
                        <a th:text="${#strings.isEmpty(user.email)}==true?'立即绑定':'修改绑定'" href="#">绑定邮箱</a>
                    </span>
                </div>
                <div class="account-security-information">
                    <svg th:if="${#strings.isEmpty(user.identity)}" t="1626961534033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14318" width="20" height="20"><path d="M512.49 66.862c61.534 0 119.269 11.735 173.202 35.21 53.9 23.532 100.907 55.264 140.926 95.31 40.018 39.996 71.806 87.159 95.282 141.443 23.475 54.229 35.238 112.097 35.238 173.665 0 61.513-11.763 119.27-35.238 173.175-23.476 53.956-55.264 100.907-95.282 140.954-40.019 40.046-87.024 71.778-140.926 95.254-53.934 23.53-111.668 35.266-173.203 35.266-61.54 0-119.408-11.735-173.693-35.266-54.229-23.476-101.397-55.208-141.415-95.254-40.045-40.047-71.806-86.997-95.282-140.954C78.596 631.76 66.862 574.002 66.862 512.49c0-61.568 11.734-119.436 35.237-173.665 23.476-54.284 55.236-101.448 95.282-141.443 40.018-40.046 87.186-71.778 141.415-95.31 54.285-23.475 112.153-35.21 173.693-35.21m53.606 384.059c0-15.863-5.136-29.229-15.38-40.152-10.271-10.922-22.985-16.414-38.226-16.414-15.212 0-28.121 5.492-38.716 16.414-10.571 10.923-15.87 24.289-15.87 40.152v332.496c0 15.87 5.299 28.639 15.87 38.254 10.595 9.565 23.504 14.345 38.716 14.345 15.24 0 28.122-4.94 38.716-14.834 10.594-9.944 15.863-22.875 15.863-38.739l-0.973-331.522z m-53.606-123.075c19.209 0 35.561-6.739 49.149-20.321 13.532-13.582 20.32-29.94 20.32-49.12s-6.788-35.595-20.32-49.121c-13.588-13.588-29.941-20.377-49.149-20.377-19.18 0-35.728 6.79-49.638 20.377-13.884 13.527-20.81 29.94-20.81 49.12s6.927 35.539 20.81 49.121c13.91 13.583 30.458 20.32 49.638 20.32" p-id="14319" fill="#EFA957"></path></svg>
                    <svg th:if="${not #strings.isEmpty(user.identity)}" t="1626961387643" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13235" width="20" height="20"><path d="M510.567403 63.852903c-246.304387 0-446.663336 200.358949-446.663336 446.663336 0 246.304387 200.358949 446.663336 446.663336 446.663336 246.304387 0 446.765664-200.358949 446.765664-446.663336C957.230738 264.211852 756.87179 63.852903 510.567403 63.852903L510.567403 63.852903zM787.979614 386.084941 454.593784 719.573099c-7.981613 7.981613-20.977316 7.981613-28.958929 0l-43.694214-43.694214c0 0 0 0 0 0L237.145998 531.084241c-7.981613-7.981613-7.981613-20.977316 0-28.958929l43.694214-43.694214c7.981613-7.981613 20.977316-7.981613 28.958929 0L440.063156 588.592785 715.326471 313.329469c7.981613-7.981613 20.977316-7.981613 29.061257 0L787.979614 357.126012C796.063556 365.107625 796.063556 378.103328 787.979614 386.084941L787.979614 386.084941z" p-id="13236" fill="#48BD86"></path></svg>

                    <span class="information-one">
                        实名认证
                    </span>
                    <span th:text="${#strings.isEmpty(user.identity)}==true?'未实名认证':'完成实名认证'" th:style="'color:'+${#strings.isEmpty(user.identity)==true?'#EFA957':'#858585'}" class="information-two">
                        未完成实名认
                    </span>
                    <span class="information-three">
                        <a th:text="${#strings.isEmpty(user.identity)}==true?'实名认证':'修改认证'" href="#">实名认证</a>
                    </span>
                </div>
                <div class="account-security-information">
                    <svg th:if="${#strings.isEmpty(user.password)}" t="1626961534033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14318" width="20" height="20"><path d="M512.49 66.862c61.534 0 119.269 11.735 173.202 35.21 53.9 23.532 100.907 55.264 140.926 95.31 40.018 39.996 71.806 87.159 95.282 141.443 23.475 54.229 35.238 112.097 35.238 173.665 0 61.513-11.763 119.27-35.238 173.175-23.476 53.956-55.264 100.907-95.282 140.954-40.019 40.046-87.024 71.778-140.926 95.254-53.934 23.53-111.668 35.266-173.203 35.266-61.54 0-119.408-11.735-173.693-35.266-54.229-23.476-101.397-55.208-141.415-95.254-40.045-40.047-71.806-86.997-95.282-140.954C78.596 631.76 66.862 574.002 66.862 512.49c0-61.568 11.734-119.436 35.237-173.665 23.476-54.284 55.236-101.448 95.282-141.443 40.018-40.046 87.186-71.778 141.415-95.31 54.285-23.475 112.153-35.21 173.693-35.21m53.606 384.059c0-15.863-5.136-29.229-15.38-40.152-10.271-10.922-22.985-16.414-38.226-16.414-15.212 0-28.121 5.492-38.716 16.414-10.571 10.923-15.87 24.289-15.87 40.152v332.496c0 15.87 5.299 28.639 15.87 38.254 10.595 9.565 23.504 14.345 38.716 14.345 15.24 0 28.122-4.94 38.716-14.834 10.594-9.944 15.863-22.875 15.863-38.739l-0.973-331.522z m-53.606-123.075c19.209 0 35.561-6.739 49.149-20.321 13.532-13.582 20.32-29.94 20.32-49.12s-6.788-35.595-20.32-49.121c-13.588-13.588-29.941-20.377-49.149-20.377-19.18 0-35.728 6.79-49.638 20.377-13.884 13.527-20.81 29.94-20.81 49.12s6.927 35.539 20.81 49.121c13.91 13.583 30.458 20.32 49.638 20.32" p-id="14319" fill="#ED6969"></path></svg>
                    <svg th:if="${not #strings.isEmpty(user.password)}" t="1626961387643" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13235" width="20" height="20"><path d="M510.567403 63.852903c-246.304387 0-446.663336 200.358949-446.663336 446.663336 0 246.304387 200.358949 446.663336 446.663336 446.663336 246.304387 0 446.765664-200.358949 446.765664-446.663336C957.230738 264.211852 756.87179 63.852903 510.567403 63.852903L510.567403 63.852903zM787.979614 386.084941 454.593784 719.573099c-7.981613 7.981613-20.977316 7.981613-28.958929 0l-43.694214-43.694214c0 0 0 0 0 0L237.145998 531.084241c-7.981613-7.981613-7.981613-20.977316 0-28.958929l43.694214-43.694214c7.981613-7.981613 20.977316-7.981613 28.958929 0L440.063156 588.592785 715.326471 313.329469c7.981613-7.981613 20.977316-7.981613 29.061257 0L787.979614 357.126012C796.063556 365.107625 796.063556 378.103328 787.979614 386.084941L787.979614 386.084941z" p-id="13236" fill="#48BD86"></path></svg>
                    <span class="information-one">
                        设置密码
                    </span>
                    <span th:text="${#strings.isEmpty(user.password)}==true?'未设置':'已设置'" th:style="'color:'+${#strings.isEmpty(user.password)==true?'#ed6969':'#858585'}" class="information-two">
                        已设
                    </span>
                    <span  class="information-three">
                        <a th:text="${#strings.isEmpty(user.password)}==true?'立即设置':'修改密码'" href="#">修改密码</a>
                    </span>
                </div>
                <div class="account-security-information">
                    <svg th:if="${#strings.isEmpty(user.telephone)}" t="1626961534033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14318" width="20" height="20"><path d="M512.49 66.862c61.534 0 119.269 11.735 173.202 35.21 53.9 23.532 100.907 55.264 140.926 95.31 40.018 39.996 71.806 87.159 95.282 141.443 23.475 54.229 35.238 112.097 35.238 173.665 0 61.513-11.763 119.27-35.238 173.175-23.476 53.956-55.264 100.907-95.282 140.954-40.019 40.046-87.024 71.778-140.926 95.254-53.934 23.53-111.668 35.266-173.203 35.266-61.54 0-119.408-11.735-173.693-35.266-54.229-23.476-101.397-55.208-141.415-95.254-40.045-40.047-71.806-86.997-95.282-140.954C78.596 631.76 66.862 574.002 66.862 512.49c0-61.568 11.734-119.436 35.237-173.665 23.476-54.284 55.236-101.448 95.282-141.443 40.018-40.046 87.186-71.778 141.415-95.31 54.285-23.475 112.153-35.21 173.693-35.21m53.606 384.059c0-15.863-5.136-29.229-15.38-40.152-10.271-10.922-22.985-16.414-38.226-16.414-15.212 0-28.121 5.492-38.716 16.414-10.571 10.923-15.87 24.289-15.87 40.152v332.496c0 15.87 5.299 28.639 15.87 38.254 10.595 9.565 23.504 14.345 38.716 14.345 15.24 0 28.122-4.94 38.716-14.834 10.594-9.944 15.863-22.875 15.863-38.739l-0.973-331.522z m-53.606-123.075c19.209 0 35.561-6.739 49.149-20.321 13.532-13.582 20.32-29.94 20.32-49.12s-6.788-35.595-20.32-49.121c-13.588-13.588-29.941-20.377-49.149-20.377-19.18 0-35.728 6.79-49.638 20.377-13.884 13.527-20.81 29.94-20.81 49.12s6.927 35.539 20.81 49.121c13.91 13.583 30.458 20.32 49.638 20.32" p-id="14319" fill="#EFA957"></path></svg>
                    <svg th:if="${not #strings.isEmpty(user.telephone)}" t="1626961387643" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13235" width="20" height="20"><path d="M510.567403 63.852903c-246.304387 0-446.663336 200.358949-446.663336 446.663336 0 246.304387 200.358949 446.663336 446.663336 446.663336 246.304387 0 446.765664-200.358949 446.765664-446.663336C957.230738 264.211852 756.87179 63.852903 510.567403 63.852903L510.567403 63.852903zM787.979614 386.084941 454.593784 719.573099c-7.981613 7.981613-20.977316 7.981613-28.958929 0l-43.694214-43.694214c0 0 0 0 0 0L237.145998 531.084241c-7.981613-7.981613-7.981613-20.977316 0-28.958929l43.694214-43.694214c7.981613-7.981613 20.977316-7.981613 28.958929 0L440.063156 588.592785 715.326471 313.329469c7.981613-7.981613 20.977316-7.981613 29.061257 0L787.979614 357.126012C796.063556 365.107625 796.063556 378.103328 787.979614 386.084941L787.979614 386.084941z" p-id="13236" fill="#48BD86"></path></svg>

                    <span  class="information-one">
                        绑定手机
                    </span>
                    <span  th:text="${#strings.isEmpty(user.telephone)}==true?'未绑定':${user.telephone}" th:style="'color:'+${#strings.isEmpty(user.telephone)==true?'#EFA957':'#858585'}" class="information-two">
                        15464545
                    </span>
                    <span class="information-three">
                        <a th:text="${#strings.isEmpty(user.telephone)}==true?'立即绑定':'更换手机'" href="#">更换手机</a>
                    </span>
                </div>
                <div class="account-security-information">
                    <svg th:if="${#strings.isEmpty(user.qq)}" t="1626961534033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14318" width="20" height="20"><path d="M512.49 66.862c61.534 0 119.269 11.735 173.202 35.21 53.9 23.532 100.907 55.264 140.926 95.31 40.018 39.996 71.806 87.159 95.282 141.443 23.475 54.229 35.238 112.097 35.238 173.665 0 61.513-11.763 119.27-35.238 173.175-23.476 53.956-55.264 100.907-95.282 140.954-40.019 40.046-87.024 71.778-140.926 95.254-53.934 23.53-111.668 35.266-173.203 35.266-61.54 0-119.408-11.735-173.693-35.266-54.229-23.476-101.397-55.208-141.415-95.254-40.045-40.047-71.806-86.997-95.282-140.954C78.596 631.76 66.862 574.002 66.862 512.49c0-61.568 11.734-119.436 35.237-173.665 23.476-54.284 55.236-101.448 95.282-141.443 40.018-40.046 87.186-71.778 141.415-95.31 54.285-23.475 112.153-35.21 173.693-35.21m53.606 384.059c0-15.863-5.136-29.229-15.38-40.152-10.271-10.922-22.985-16.414-38.226-16.414-15.212 0-28.121 5.492-38.716 16.414-10.571 10.923-15.87 24.289-15.87 40.152v332.496c0 15.87 5.299 28.639 15.87 38.254 10.595 9.565 23.504 14.345 38.716 14.345 15.24 0 28.122-4.94 38.716-14.834 10.594-9.944 15.863-22.875 15.863-38.739l-0.973-331.522z m-53.606-123.075c19.209 0 35.561-6.739 49.149-20.321 13.532-13.582 20.32-29.94 20.32-49.12s-6.788-35.595-20.32-49.121c-13.588-13.588-29.941-20.377-49.149-20.377-19.18 0-35.728 6.79-49.638 20.377-13.884 13.527-20.81 29.94-20.81 49.12s6.927 35.539 20.81 49.121c13.91 13.583 30.458 20.32 49.638 20.32" p-id="14319" fill="#EFA957"></path></svg>
                    <svg th:if="${not #strings.isEmpty(user.qq)}" t="1626961387643" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13235" width="20" height="20"><path d="M510.567403 63.852903c-246.304387 0-446.663336 200.358949-446.663336 446.663336 0 246.304387 200.358949 446.663336 446.663336 446.663336 246.304387 0 446.765664-200.358949 446.765664-446.663336C957.230738 264.211852 756.87179 63.852903 510.567403 63.852903L510.567403 63.852903zM787.979614 386.084941 454.593784 719.573099c-7.981613 7.981613-20.977316 7.981613-28.958929 0l-43.694214-43.694214c0 0 0 0 0 0L237.145998 531.084241c-7.981613-7.981613-7.981613-20.977316 0-28.958929l43.694214-43.694214c7.981613-7.981613 20.977316-7.981613 28.958929 0L440.063156 588.592785 715.326471 313.329469c7.981613-7.981613 20.977316-7.981613 29.061257 0L787.979614 357.126012C796.063556 365.107625 796.063556 378.103328 787.979614 386.084941L787.979614 386.084941z" p-id="13236" fill="#48BD86"></path></svg>
                    <span class="information-one">
                        绑定QQ帐号
                    </span>
                    <span th:text="${#strings.isEmpty(user.qq)}==true?'未绑定':'已绑定'" th:style="'color:'+${#strings.isEmpty(user.qq)==true?'#EFA957':'#858585'}" class="information-two">
                        已授权绑定QQ帐
                    </span>
                    <span class="information-three">
                        <a th:text="${#strings.isEmpty(user.qq)}==true?'立即绑定':'解除绑定'" href="#">解除绑定</a>
                    </span>
                </div>

            </div>
        </div>

        <div class="head-portrait right-two" style="display: none;">
            <div class="head">
                <span>
                    我的头像
                </span>
            </div>
            <div class="info-content">
            <form action="#">
                <div class="baohan">
                    <div class="upFileDiv">
                        <img id="pic"  th:src="@{/img/上传图片.svg}">
                        <input type="file" accept="image/jpg" id="headportrait" name="headportrait">
                    </div>
<!--                    <img class="touxiang" th:if="${not #strings.isEmpty(user.headportrait)}" th:src="${user.headportrait}">-->
                    <img class="touxiang" th:src="${#strings.isEmpty(user.headportrait)}==true?'/img/头像.svg':${user.headportrait}"/>
                </div>
                <p>请选择图片上传：大小180*180像素支持JPG，PNG等格式，图片需小于2M</p>
                <button type="button" class="form-btn">更新</button>
            </form>
            </div>

        </div>





        <div class="myinfo right-one" >
            <div class="head">
                <span>
                    我的信息
                </span>
            </div>
            <div class="form-div">
                <form  id="editUser" class="form" method="post" style="width: 450px;">
                    <div class="form-item">
                        <label  class="form-label">昵称</label>
                        <div class="input-block">
                            <input type="text" name="nickname" class="form-input" value="" th:value="${user.nickname}" autocomplete="off">
                        </div>
                    </div>

                    <div class="form-item">
                        <label  class="form-label">用户名</label>
                        <div class="input-block">
                            <input type="text" name="loginname" class="form-input" value="" th:value="${user.loginname}" autocomplete="off" readonly="readonly">
                        </div>
                    </div>
        
                    <div class="form-item">
                        <label class="form-label">性别</label>
                        <div class="input-block radio">
                            <label for="gender1">
                                <input type="radio" name="gender" id="gender1" value="y"  th:attr="checked=${user.gender == 'y' ? true:false}">
                                <i>男</i>
                            </label>
                            <label for="gender2">
                                <input type="radio" name="gender" id="gender2" value="x"  th:attr="checked=${user.gender == 'x' ? true:false}">
                                <i>女</i>
                            </label>
                            <label for="gender3">
                                <input type="radio" name="gender" id="gender3" value="z"  th:attr="checked=${user.gender == 'z' ? true:false}">
                                <i>保密</i>
                            </label>
                        </div>
        
                    </div>
                    <div class="form-item">
                        <label class="form-label">出生日期</label>
                        <div class="input-block">
                            <input name="age" th:value="${user.age}" class="form-input" type="date">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="form-label">我的签名</label>
                        <div class="input-block">
                            <textarea placeholder="请输入内容" th:value="${user.signature}" class="form-textarea" name="signature" spellcheck="false"></textarea>
                        </div>
                    </div>
        
                    <div class="form-item">
                        <div class="input-block">
                            <button type="button" id="baocun" class="form-btn" >保存</button><!--form表单中button标签type默认为sumit需要改成button才不会表单提交-->
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
<script>

</script>
</html>